Good afternoon, I am a graphic design student and I am working on a web design project using Adobe Dreamweaver. I am fairly confident using Dreamweaver to create fixed layouts. However, for this particular project, we need to create a fluid/responsive layout. My professor indicated to use percentages as the measurements for width in order to make everything in our website responsive. I have tried this approach for my body (where all my content goes) as well as my header area (a box), which was responsive. However, trying this approach on imagery (i.e. logos, other imagery) did not work—it did keep my whole page proportionate as it is on the full page screen, but it really squished all my images so that the actual imagery was not proportionate at all. I also tried using vw (varied width), but this also created the same issue as stated above. My question is what is the simplest and most efficient way to create a responsive website? I have about a week and a bit to create a 4 page site and I need the most efficient and quickest way possible to create a beautiful responsive website. Thank you in advance!
... View more